<template>
<div class="container waiguan">
  <div class="title">钥匙</div>
  <van-collapse v-model="activeNames">
    <van-collapse-item title="电门锁（电源锁）" name="1">
      <van-cell title="电门锁失效（ON档失效）" value="" is-link />
      <van-cell title="电门锁失效（OFF档失效）" value="" is-link />
      <van-cell title="电门锁失效（OPEN档失效）" value="" is-link />
      <van-cell title="电门锁失效（LOCK档失效）" value="" is-link />
      <van-cell title="电门锁旋转卡顿" value="" is-link />
      <van-cell title="龙头锁总成损坏失效" value="" is-link />
      <van-cell title="钥匙插拔问题" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="电池仓锁（电池盒盖锁）" name="2">
      <van-cell title="电池仓锁失效" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="钥匙" name="3">
      <van-cell title="钥匙丢失" value="" is-link />
      <van-cell title="钥匙弯曲断裂" value="" is-link />
      <van-cell title="备用钥匙缺失" value="" is-link />
      <van-cell title="钥匙不匹配" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="报警器" name="4">
      <van-cell title="车辆报警器自响" value="" is-link />
      <van-cell title="车辆报警器不响" value="" is-link />
      <van-cell title="报警器过于灵敏" value="" is-link />
      <van-cell title="报警器不灵敏" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="遥控器" name="5">
      <van-cell title="遥控器不灵敏" value="" is-link />
      <van-cell title="遥控器失效" value="" is-link />
      <van-cell title="遥控器丢失" value="" is-link />
      <van-cell title="遥控器灯不亮" value="" is-link />
    </van-collapse-item>
  </van-collapse>
</div>

</template>
<script>
import { Collapse, CollapseItem,Toast,Cell } from 'vant';
export default {
  components:{
    [Cell.name]:Cell,
    [Toast.name]:Toast,
    [Collapse.name]:Collapse,
    [CollapseItem.name]:CollapseItem,
  },
  data(){
    return{
      activeNames: []
    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>
<style>
.waiguan .van-cell{
  padding-left:0;
  padding-right:0;
}
.van-collapse-item__content{
  padding:0;
  padding-left:15px;
}
.van-collapse-item__title .van-cell__title{
  font-weight:500;
}
</style>

<style scoped lang="scss">
.container{
  padding:0 18px;
  height:100%;
  text-align: left;
}
.title{
  height:72px;
  font-size:25px;
  line-height: 72px;
  font-weight:500;
}

</style>